1. O Cartão Básico (Padding: 15px)

O cartão de crédito básico é um tipo de cartão regulamentado pelo Banco Central do Brasil, que se destina exclusivamente ao pagamento de compras de produtos e serviços.

2. O Botão Flutuante (Padding: 10px/20px)

Botão Exemplo

3. O Container Centralizado (margin: 0 auto;)

Um "container centralizado" refere-se a um bloco de conteúdo (geralmente uma

) com estilos para ser posicionado no centro de um layout, seja horizontalmente ou tanto na vertical quanto na horizontal.


4. A Moldura Irregular (Bordas e Margens diferentes)

Uma moldura irregular é uma borda que não segue um formato geométrico tradicional (como um retângulo ou círculo), tendo um design orgânico, fluido ou com formato não convencional, como um estilo "flutuante" ou com um contorno único.

5. O Bloco com Sombra 3D (box-shadow)

Um "bloco com sombra 3D" pode se referir tanto a um desenho artístico de um cubo com efeito de sombra, quanto a um papel de parede decorativo ou um produto de design com um visual 3D e sombras embutidas.

6. Resetando Margens e Bordas (margin/padding: 0; border: none;)

Margens e bordas são elementos diferentes para criar espaço e delimitar um documento ou elemento visual. As margens são o espaço vazio ao redor do conteúdo, separando-o das bordas da página ou de outros elementos

7. O Círculo Perfeito (border-radius: 50%)

Círculo

8. A Borda 4x (Bordas individuais e padding-left)

Em CSS, as bordas individuais e o padding-left são propriedades relacionadas ao modelo de caixa (box model) que controlam, respectivamente, a linha ao redor do elemento e o espaçamento interno do seu conteúdo.

9. O Card com Sombra Interna (box-shadow: inset)

Um card com sombra interna pode ser criado em programas de edição de imagem como o Photoshop e o CorelDRAW, ou com código CSS, que permite adicionar a palavra-chave inset à propriedade.

10. Layout de Duas Colunas (Largura e Float)

Coluna 1 (30% de Largura)

Esta coluna ocupa 30% da largura total e possui um **padding de 10px** em todos os lados.

Coluna 2 (70% de Largura)

Esta coluna ocupa 70% da largura total e também possui um **padding de 10px** em todos os lados, garantindo o espaço interno.